<?php echo $doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>LuckyLine</title>
	<?php echo $meta_charset."\n"; ?>
	<?php echo $link."\n"; ?>
	<?php echo $jquery."\n"; ?>
	<?php echo $commonjs."\n"; ?>
	<script>
	var vpic=0;
	var sid='<?php echo $sid;?>';
	var tid='<?php echo $tid;?>';

	var bs={
		'str0':'小小外星人，外星人中最为炮灰的存在，但数量众多，让人防不胜防。“倒下我一个，还有千万人！”',
		'str1':'达姆，本作主人公，虽然外表凶恶，但有一颗善良的内心，正义感十足。“别担心，让我来保护你吧。”',
		'str2':'红钻头，暴力而嗜血，会用头上的钻头毫不留情地刺穿靠近的敌人。“钻头和鲜血才是男人的浪漫。”',
		'str3':'机甲兽，本作唯一的智商流，其装甲正是星球上最新科技的成果。“嘻嘻嘻，来打我啊~”',
		'str4':'巨脑博士，开发了大脑后，他拥有了第三只眼的超能力，射击精度值得称道。“目标锁定——射击！”',
		'str5':'蓝蜥蜴，爬行类代表。拥有强健有力的舌头，有些爱犯傻……“噢噢噢！你是谁？！”',
		'str6':'猫猫，达姆的宠物，好运百分的神奇小萌猫，可是它似乎是隐藏Boss？“喵~~喵~~喵？”',
		'str7':'螃蟹炮，自带的镭射装置和巨钳使其成为远近皆优的强力输出。遗憾的是，机动力方面……“为什么我只能横着走！！！”',
		'str8':'土豪鲨，金项链是他身份的象征，利齿上的残缺则是其久经沙场的体现。“哇哈哈哈，让本大爷来咬碎敌人！”',
		'str9':'威尔森，达姆的好基友，冲动的性格让他在战斗中总是会吃那么点儿小亏。“嘿！哥们儿，你敢不敢一枪爆了他们的头？” '
	};
	
	$(document).ready(function () {
		$('#bpic').attr('src','/images/web/pic'+vpic+'-2.png');
		$('#ttxt').html(bs['str'+vpic]);
		list();
	});

	function list(){
		$.ajax({
			url: '<?php echo base_url(); ?>/web/listcontent',
			type: 'post',
			dataType: 'text',
			cache: false,
			success: function (text) {
				$('#list').html(text);
			},
			error: function (text) {
				//alert(text.responseText);
				//$('#list').html('系统错误');
			}
		});
	}
	
	function save(){
		$.ajax({
			url: '<?php echo base_url(); ?>/web/save',
			type: 'post',
			dataType: 'text',
			data: 'openid=1&status=sina&content='+$('#content').val()+'&pic='+vpic,
			cache: false,
			success: function (text) {
				if(text=='0'){
					$('#content').val('');
					hide();
					//$('.tbottom').html('<h1 style="margin-top:100px;text-align:center;">信息已发布!</h1><div style="margin-top:50px;text-align:center;font-size:18px;"><a href="javascript:void(0);" onclick="hide();">关闭</a></div>');
					list();
				}else{
					alert('数据提交失败，请稍后再试!');
				}
			},
			error: function (text) {
				//alert(text.responseText);
				//$('#list').html('系统错误');
			}
		});
	}
	
	function sel(vals){
		//alert(vals);
		//$('input[name="pic"]').removeAttr('checked');
		vpic=vals;
		$('#selpic').hide();
		$('#bpic').attr('src','/images/web/pic'+vpic+'-2.png');
		$('#ttxt').html(bs['str'+vpic]);
	}
	
	function ologin(){
		location='https://api.weibo.com/oauth2/authorize?client_id='+sid+'&redirect_uri=http://www.icodeworks.com/web';
	}
	
	function show(){ 
       //添加并显示遮罩层   
        $("<div id='mask' onclick='hide();'></div>").addClass("mask").click(function() {}) .appendTo("body").fadeIn(0);     
        document.getElementById("mask").style.display = "block";
 
        var windowWidth = document.documentElement.clientWidth;   
        var windowHeight = document.documentElement.clientHeight;   
        var popupHeight = $("#tbox").height();   
        var popupWidth = $("#tbox").width();    
        $("#tbox").css({   
            "position": "absolute",   
            "top": (windowHeight-popupHeight)/2+$(document).scrollTop(),   
            "left": (windowWidth-popupWidth)/2
        }); 
       $("#tbox").show();
    }

    function hide(){
        $("#mask").remove();
        $("#tbox").hide();
		$('#selpic').hide();
    }
	</script>
</head>
<body class="back">
	<div class="top">
		<div class="topcont"></div>
		<div class="counttxt"></div>
		<div class="btlist">
			<ul>
				<li><a href="javascript:void(0);" onclick="show();"><img src="/images/web/bt1.png" width="127" height="70" border="0" /></a></li>
				<li><a href=""><img src="/images/web/bt2.png" width="127" height="70" border="0" /></a></li>
				<li><a href=""><img src="/images/web/bt3.png" width="127" height="70" border="0" /></a></li>
			</ul>
		</div>
	</div>
	<div class="bottom">
		<div class="ctxt"><p>达姆带着它的小猫，来到了地球。正当他准备睡下的时候，无数UFO飞到地球——新的战争开始了……波兰著名手游公司Gamelion Studio2013年独家创作、知名游戏音乐家Marcin Przybyłowicz负责原声音乐的第一人称射击游戏《怪物神枪手》震撼登陆！本作采用双摇杆操作模式，简单易上手，武器及装备设计也十分丰富——射击游戏也能让玩家体验到非凡的爽快感！亚洲地区独家代理商的晨之科更在原作基础上，为游戏添加了独特的微博社交功能，在创新的多人模式中，你甚至还可以邀上你的朋友一起组队协同作战保卫地球！拿起武器，与小伙伴们一起战斗吧！</p></div>
		<div class="publist" id="list">
			<ul>
				<li class="pic"><img src="/images/web/pic1-1.png" width="93" height="93" border="0" /></li>
				<li class="leftcont"></li>
				<li class="point"></li>
				<li class="rightcont"></li>
				<li class="pic"><img src="/images/web/pic1-1.png" width="93" height="93" border="0" /></li>
			</ul>
			<ul>
				<li class="pic"><img src="/images/web/pic1-1.png" width="93" height="93" border="0" /></li>
				<li class="leftcont"></li>
				<li class="point"></li>
				<li class="rightcont"></li>
				<li class="pic"><img src="/images/web/pic1-1.png" width="93" height="93" border="0" /></li>
			</ul>
			<div style="clear:both;"></div>
		</div>
		<div style="clear:both;"></div>
	</div>
	<div id="tbox">
		<div class="ttop"><img src="/images/web/close.png" width="56" height="55" border="0" onclick="hide();"></div>
		<div class="tbottom">
			<ul>
				<li class="img">
					<img src="" width="200" height="200" border="0" style="cursor:pointer;" id="bpic" onclick="$('#selpic').show();"><br />
					<img src="/images/web/txt.png" width="137" height="27" border="0" style="margin:0 0 0 10px;">
					<div id="selpic" class="selpic">
						<ul>
							<li><img src="/images/web/pic0-1.png" width="100" height="100" border="0" onclick="sel(0);"></li>
							<li><img src="/images/web/pic1-1.png" width="100" height="100" border="0" onclick="sel(1);"></li>
							<li><img src="/images/web/pic2-1.png" width="100" height="100" border="0" onclick="sel(2);"></li>
							<li><img src="/images/web/pic3-1.png" width="100" height="100" border="0" onclick="sel(3);"></li>
							<li><img src="/images/web/pic4-1.png" width="100" height="100" border="0" onclick="sel(4);"></li>
							<li><img src="/images/web/pic5-1.png" width="100" height="100" border="0" onclick="sel(5);"></li>
							<li><img src="/images/web/pic6-1.png" width="100" height="100" border="0" onclick="sel(6);"></li>
							<li><img src="/images/web/pic7-1.png" width="100" height="100" border="0" onclick="sel(7);"></li>
							<li><img src="/images/web/pic8-1.png" width="100" height="100" border="0" onclick="sel(8);"></li>
							<li><img src="/images/web/pic9-1.png" width="100" height="100" border="0" onclick="sel(9);"></li>
						</ul>
					</div>
				</li>
				<li class="input"><textarea id="content" name="content"></textarea></li>
			</ul>
			<div style="clear:both;">
				<div class="ttxt" id="ttxt"></div>
				<div class="tbt"><a href="javascript:void(0);" onclick="save();"><img src="/images/web/pub.png" width="138" height="59" border="0"></a></div>
			</div>
		</div>
	</div>
</body>
</html>

